<template>
	<view class="nav-pt">
		<view class="w-1 grent"></view>
		<!-- 自定义导航栏 -->
		<view class="w-1 mynav">
			<view class="status_bar"></view>
			<view class="w-1 p-r-30 fr-b-c" style="height: 44px; overflow: hidden;">
				<view class="c-ff bold fs-36 fm-ali nav_title" @tap="goback">
					<u-icon name="arrow-leftward" class="arrow-leftward"></u-icon>
					旧物提现
				</view>
			</view>
		</view>
		<view class="content-view">
			<view class="jiuwu-view">
				<view class="jiuwu-view-title">
					<view class="jiuwu-view-title_left">
						已选旧物
					</view>
					<view class="jiuwu-view-title_right">
						总价值：¥ <text class="jiuwu-view-title_right_num">568</text> 
					</view>
				</view>
				<view class="scroll-view-padding-bottom">
					<view class="content-view-list-item" v-for="(item,index) in list">
						<view class="content-view-list-item-item">
							<view class="list-item-top">
								<view class="list-item-top-left">
									12692712946219814981142
								</view>
								<view class="list-item-top-right">
									2023/03/30
								</view>
							</view>
							<view class="list-item-min">
								<image src="" class="list-item-min-left" mode=""></image>
								<view class="list-item-min-right">
									<view class="list-item-min-right-top">
										美澳进口芦荟通常胶囊72粒/瓶大豆膳食纤维西洋参荷叶胶囊
									</view>
									<view class="list-item-min-right-bottom">
										<view class="list-item-min-right-bottom-left">
											还能卖¥<text class="list-item-min-right-bottom-left-text">284</text>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- <view class="choose_view" v-show="!goods_info">
				<view class="choose_view_left">
					<text class="choose_view_bixuan">*</text>选择换购商品
				</view>
				<view class="choose_view_right" @tap="choose_goods">
					<view class="">
						未选择
					</view>
					<u-icon name="arrow-right" class="arrow-right"></u-icon>
				</view>
			</view>
			<view class="xuanzhong" v-show="goods_info">
				<view class="xuanzhong_top">
					<view class="xuanzhong_top_left">
						选择换购商品
					</view>
					<view class="xuanzhong_top_right">
						已选择 <u-icon name="arrow-right" class="arrow-right1"></u-icon>
					</view>
				</view>
				<view class="list-item-min">
					<image :src="goods_info.thumb" class="list-item-min-left" mode=""></image>
					<view class="list-item-min-right">
						<view class="list-item-min-right-top">
							{{goods_info.title}}
						</view>
						<view class="list-item-min-right-bottom">
							<view class="list-item-min-right-bottom-left">
								¥{{goods_info.price}}
							</view>
						</view>
					</view>
				</view>
			</view> -->
			<view class="wuliu">
				<view class="choose_view_left">
					<text class="choose_view_bixuan">*</text>填写物流单号
				</view>
				<input type="text" class="input" placeholder="请输入单号">
			</view>
			<view class="dizhi">
				<view class="dizhi_title">
					商家地址
				</view>
				<view class="dizhi_desc font">
					北京市通州区台湖镇兰芳园一区一号楼1212
				</view>
				<view class="dizhi_flex font">
					<view class="dizhi_flex_left">
						张怀中 <text class="dizhi_flex_left_num">18003957954</text>
					</view>
					<view class="dizhi_flex_right">
						复制
					</view>
				</view>
			</view>
			<view class="btn" @tap="go_detail">
				确认提现
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				list: [{
						check: false,
					},
					{
						check: false,
					}
				],
				goods_info:'',
			}
		},
		onLoad(options) {
			
			if(options.goodsinfo){
				this.goods_info = JSON.parse(options.goodsinfo) 
			}else{
				this.goods_info = ''
			}
			console.log(this.goods_info)
		},
		onBackPress() {
			uni.removeStorageSync('BuyBack_type')
		},
		methods: {
			goback() {
				uni.navigateBack()
			},
			choose_goods(){
				uni.setStorageSync('BuyBack_type',2)
				uni.switchTab({
					url:'/pages/Classification/Classification'
				})
			},
			go_detail(){
				uni.navigateTo({
					url:'/pages/BuyBack/WithdrawalDetails/WithdrawalDetails'
				})
			}
		}
	}
</script>

<style scoped>
	/* page {
		background-color: #F7F7F7 !important;
	} */
.nav-pt{
	min-height: 100vh;
	background-color: #F7F7F7 !important;
}
	.grent {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 212rpx;
		/* background-color: #fff; */
	}

	.arrow-leftward {
		margin-left: 14rpx;
	}
.mynav {

		/* background: linear-gradient(180deg, #FA360A 0%, rgba(250, 54, 10, 0) 100%); */
		background-size: 100vh, 520rpx;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 99;
		overflow: hidden;
	}
	.nav_title {
		color: #000000;
		/* width: 118rpx; */
		height: 42rpx;
	}
	.content-view{
		margin-top: 42rpx;
		/* padding-bottom: 100rpx; */
	}
	.jiuwu-view {
		width: 690rpx;
		/* height: 520rpx; */
		background: #FFFFFF;
		border-radius: 20rpx;
		margin: 0 auto;
		margin-top: 20rpx;
		padding: 30rpx;
		box-sizing: border-box;
	}

	.jiuwu-view-title {
		font-size: 32rpx;
		font-family: Alibaba PuHuiTi 2.0-65 Medium, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #000000;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.content-view-list-item:last-child {
		border: 0;
	}

	.content-view-list-item {
		display: flex;
		align-items: center;
		height: 226rpx;
		border-bottom: 2rpx solid #F4F4F4;

	}

	.list-item-top {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 24rpx;
		font-family: Alibaba PuHuiTi 2.0-55 Regular, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #666666;
	}

	.list-item-min {
		height: 100%;
		display: flex;
		align-items: center;
	}

	.list-item-min-left {
		min-width: 116rpx;
		width: 116rpx;
		height: 116rpx;
		border-radius: 12rpx;
		border: 2rpx solid #F4F4F4;
		margin-right: 20rpx;
	}

	.list-item-min-right-top {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		overflow: hidden;
		/*! autoprefixer: off */
		-webkit-box-orient: vertical;
		/*! autoprefixer: on */
		word-break: break-all;
		font-size: 32rpx;
		font-family: Alibaba PuHuiTi 2.0-65 Medium, Alibaba PuHuiTi 20;
		font-weight: bold;
		color: #333333;
	}

	.list-item-min-right-bottom {
		display: flex;
		justify-content: space-between;
		margin-top: 12rpx;
	}

	.list-item-min-right-bottom-right {
		display: flex;
		align-items: center;
	}

	.list-item-min-right-bottom-left {
		font-size: 24rpx;
		font-family: Alibaba PuHuiTi 2.0-65 Medium, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #E32D1D;
	}

	.list-item-min-right-bottom-left-text {
		font-size: 32rpx;
		font-family: Alibaba PuHuiTi 2.0-65 Medium, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #E32D1D;
	}

	.list-item-min-right-bottom-right {
		font-size: 26rpx;
		font-family: Alibaba PuHuiTi 2.0-55 Regular, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #FFFFFF;
		text-align: center;
		line-height: 52rpx;
	}

	.list-item-min-right-bottom-right-left {
		width: 144rpx;
		height: 52rpx;
		background: linear-gradient(360deg, #E32C1C 0%, #E46C30 100%);
		border-radius: 24rpx 0rpx 0rpx 24rpx;
	}

	.list-item-min-right-bottom-right-right {
		width: 144rpx;
		height: 52rpx;
		background: linear-gradient(180deg, #4ECC81 0%, #34B806 100%);
		border-radius: 0rpx 24rpx 24rpx 0rpx;
	}

	.choose_view {
		width: 690rpx;
		height: 104rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		margin: 0 auto;
		margin-top: 20rpx;
	}

	.choose_view {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 24rpx;
		box-sizing: border-box;
	}

	.choose_view_left {
		font-size: 32rpx;
	}

	.choose_view_bixuan {
		color: #E32D1D;
	}

	.choose_view_right {
		font-size: 28rpx;
		font-family: Alibaba PuHuiTi 2.0-55 Regular, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #E32D1D;
		display: flex;
		align-items: center;
	}

	.arrow-right {
		color: #000000;
		position: relative;
		top: 2rpx;
		margin-left: 14rpx;
	}

	.wuliu {
		width: 690rpx;
		height: 230rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		margin: 0 auto;
		margin-top: 20rpx;
		padding: 30rpx;
		box-sizing: border-box;
	}

	.input {
		width: 100%;
		height: 82rpx;
		font-size: 28rpx;
		font-family: Alibaba PuHuiTi 2.0-55 Regular, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #999999;
		padding-left: 12rpx;
		box-sizing: border-box;
		background-color: #F4F4F4;
		border-radius: 12rpx;
		margin-top: 20rpx;
	}

	.dizhi {
		width: 690rpx;
		height: 204rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		margin: 0 auto;
		margin-top: 20rpx;
		padding: 30rpx;
		box-sizing: border-box;
	}

	.dizhi_flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.dizhi_desc {
		font-size: 26rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		margin: 20rpx 0 14rpx 0;
	}

	.dizhi_title {
		font-size: 26rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #000000;
	}

	.font {
		font-size: 26rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
	}

	.dizhi_flex_right {
		color: #E32D1D;
	}

	.dizhi_flex_left_num {
		margin-left: 24rpx;
	}

	.btn {
		width: 702rpx;
		height: 96rpx;
		background: linear-gradient(180deg, #E46C30 0%, #E32C1C 100%);
		border-radius: 128rpx;
		margin: 0 auto;
		margin-top: 60rpx;
		font-size: 30rpx;
		font-family: Alibaba PuHuiTi 2.0-65 Medium, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 96rpx;
		text-align: center;
	}

	.xuanzhong {
		width: 690rpx;
		height: 250rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		margin: 0 auto;
		margin-top: 20rpx;
		margin-bottom: 40rpx;
		padding: 30rpx;
		box-sizing: border-box;
	}
	.xuanzhong_top{
		display: flex;
		justify-content: space-between;
		
	}
	.xuanzhong_top_left{
		font-size: 32rpx;
		font-family: Alibaba PuHuiTi 2.0-65 Medium, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #000000;
	}
	.xuanzhong_top_right{
		font-size: 28rpx;
		font-family: Alibaba PuHuiTi 2.0-55 Regular, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #999999;
	}
	.arrow-right1{
		position: relative;
		top: 2rpx;
	}
	.jiuwu-view-title_right{
		font-size: 24rpx;
		font-family: Alibaba PuHuiTi 2.0-65 Medium, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #E32D1D;
	}
	.jiuwu-view-title_right_num{
		font-size: 32rpx;
	}
</style>